<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            /* background-color: aliceblue; */
            padding: 0px;
            margin: 0px;
        }

        #container {
            width: 100%;
            height: 100%;
            display: block;
            /* background-color: red; */
            padding: 0px;
            margin: 0px;
            bottom: 32px;
        }

        #header {
            width: 100%;
            height: 56px;
            /* background-color: blue; */
        }

        #footer {
            width: 100%;
            height: 32px;
            /* background-color: yellowgreen; */
            position: fixed;
            bottom: 0px;
        }






        a {
            text-decoration: none;
            text-align-last: center;
            /* color: black; */
            align-content: center;
            display: block;
        }

        img {
            width: 200px;
            height: 200px;
            /* background-color: brown; */
            margin: 0 auto;
            display: flex;
            align-content: center;
            top: 10px;
            border-radius: 40px;
        }

        #app-dl {
            width: 100%;
            height: 240px;
            /* background-color: greenyellow; */
        }

        #a-proxy-dl {
            width: 50%;
            height: 50px;
            text-align: center;
            /* background-color: brown; */
            margin: 0 auto;
            margin-top: 40px;
            text-align: center;
            display: flex;
            align-content: center;
            text-align: justify;
            top: 10px;
            border-radius: 40px;
             text-decoration: none;
            text-align-last: center;
            /* padding-left: 30%; */
        }
    </style>





</head>

<body>
    <div id="container">

        <div id="header">
            <h3 style="align-content: center;text-align: center;">blabla</h3>
        </div>

        <div id="app-dl">
            <img src="/static/img/qr.png" alt="" id="qrcode" />

            <div>
                <a href="/static/apk/apk.apk" style="color: #333333;"> android 客户端下载</a>
            </div>
        </div>

        <div id="proxy-dl" style="margin: 0 auto;bottom: 0px; ">
            <div style="width: 100%; height: 200px;  margin: 0 auto;display: flex; align-content: center;;">
                <a href="/static/proxy/proxy.zip" style="font-size: 24px;" id="a-proxy-dl">终端硬件控制软件</a>
            </div>
        </div>
        <div id="footer"></div>

    </div>
</body>
<script type="text/javascript">
    // 当前的页面是移动版本的页面,
    // 如果访问的ua 不是 移动的客户端
    // 访问 /index 的版本
    /*
    (function (W) {
        console.log(navigator.userAgent);

        if (/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase())) {
            
            console.log("检测到移动端.....");

        } else {
            console.log("pc okok ");

              W.location.href ='/index'
        }

    })(window)

    */

    ( function (window){
        if (window.innerWidth > 1000){
            window.location.href = "/index"
        }
    })(window)
</script>

</html>